<template>
  <div class="user-manage">
    <el-card>
      <h2>用户管理</h2>
      <el-table :data="users">
        <el-table-column prop="userID" label="ID" />
        <el-table-column prop="username" label="用户名" />
        <el-table-column prop="usertype" label="类型" />
        <el-table-column prop="userstatus" label="状态" />
        <el-table-column prop="useraccount" label="账户余额" />
        <el-table-column label="操作">
          <template slot-scope="scope">
            <el-button size="mini" @click="approve(scope.row)">审核</el-button>
            <el-button size="mini" type="danger" @click="remove(scope.row.userID)">删除</el-button>
          </template>
        </el-table-column>
      </el-table>
    </el-card>
  </div>
</template>
<script>
export default {
  data() {
    return { users: [] };
  },
  methods: {
    approve(user) {},
    remove(id) {}
  }
};
</script>
<style scoped>
.user-manage { max-width: 1000px; margin: 40px auto; }
</style>
